同时设置4个圆角边框：
1、 border-radius:上左角 上右角 下右角 下左角
border-radius:10px 20px 30px 40px
2、 border-radius:上左角 上右角和下左角 下右角
border-radius:10px 20px 30px
3、 border-radius:上左角和下右角 上右角和下左角
border-radius:10px 30px
4、 border-radius: 4个角一样的值
border-radius:30px
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css</title>
<style type="text/css">
div{width:200px;height:100px;background:#f2f2f2;line-height:100px;text-align:center;
border-top:2px blue solid;
border-bottom:2px blue solid;
border-left:2px blue solid;
border-right:2px blue solid;
border-radius:5%;
}
</style>
</head>
<body>
<div>我要好好学习</div>
</body>
</html>
返回值：